<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%>
<%@ include file="/WEB-INF/jsp/include/page_header.jspf" %>
<%@ include file="/WEB-INF/jsp/include/taglibs.jspf" %>
<decorator:usePage id="pageContent" />
<fmt:setBundle basename="StripesResources"/>
<!DOCTYPE html>
<html>
    <head>
        <title>Marine Audit & Task System</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <!-- CSS -->
        <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="${pageContext.request.contextPath}/css/social-icons.css" type="text/css" media="screen" />
        <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/css/loginstyle.css" />
        <!--[if IE 8]>
         <link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css" />
 <![endif]-->
        <!-- ENDS CSS -->
        <!-- GOOGLE FONTS 
        <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
        <!-- JS -->
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.9.1.js"></script>
<!--        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-ui-1.8.13.custom.min.js"></script>-->

        <%--script type="text/javascript" src="<%=request.getContextPath()%>/js/easing.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.scrollTo-1.4.2-min.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.cycle.all.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/custom.js"></script--%>
        <!-- Isotope -->
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script> 
        <script src="<%=request.getContextPath()%>/js/jquery.isotope.min.js"></script>        <!-- tabs -->
        <!-- superfish -->        
        <link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish.css" />

        <script type="text/javascript" src="<%=request.getContextPath()%>/js/superfish-1.4.8/js/hoverIntent.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/superfish-1.4.8/js/superfish.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/superfish-1.4.8/js/supersubs.js"></script>


        <link rel="stylesheet" href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.10.2.custom.css" />        
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.10.2.custom.js"></script>      
        <script language="JavaScript" src="${pageContext.request.contextPath}/js/smartDate.js" type="text/javascript"></script>
        <script type="text/javascript">
            // took first loading time
            var currentDate = new Date();
            var timerStartLoad = currentDate.getTime();
        </script>
        <decorator:head />  
    </head>
    <body class="home">
        <div id="header">
            <div class="wrapper">
                <br>
                <br>
                <a href="welcome"><img id="logo" src="${pageContext.request.contextPath}/images/logo.png" alt="Marine Audit & Task System" /></a>
            </div>
        </div>           
        <c:if test="${!front}">
            <div id="menu">
                <div id="menu-holder">
                    <div class="wrapper">
                        <ul id="nav" class="sf-menu">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </c:if>

    <div id="main">
        <div class="wrapper">
            <div id="content">
                <decorator:body />                    
            </div>
        </div>
    </div>
    <br>
    <script type="text/javascript">
        $(document).ready(function() {
//            alert(timerStartLoad);
            var currentDate2 = new Date();
            var timerEndLoad = currentDate2.getTime();
//            alert(timerEndLoad);
            var diff = (timerEndLoad - timerStartLoad) / 1000;
//            alert(diff);
            var mark = "\u00A9 2013 Marine Audit & Task System all rights reserved.";
            mark += " Best view this system by using mozilla firefox with resolution 1024 X 768.";
            mark += " This page was generated in : "+diff+" seconds.";
            $("#loadTimer").text(mark);
//            $("#loadTimer").text("This page was generated in : "+diff+" seconds");
        });
        
    </script>    
    <div id="bottom">
        <div class="wrapper">
            <div id="bottom-text"><div id="loadTimer"></div></div>
            <!--<div id="bottom-text">&copy; 2013 Marine Audit & Task System all rights reserved. Best view this system by using mozilla firefox with resolution 1024 X 768. <div id="loadTimer"></div></div>-->
        </div>
    </div>
</body>
</html>
